<script setup>

import BannerPanel from '@/views/home/components/BannerPanel.vue'
import ConsultPanel from '@/views/home/components/ConsultPanel.vue'
import QAPanel from '@/views/home/components/QAPanel.vue'
import ContactUS from '@/views/home/components/ContactUS.vue'
import GoodsPanel from '@/views/home/components/GoodsPanel.vue'

const bannerList = [1, 2, 3, 4]
</script>

<template>
  <div class="home">
    <BannerPanel :banner-list="bannerList"></BannerPanel>
    <div style="padding: 0 5%">
      <ConsultPanel></ConsultPanel>
      <QAPanel></QAPanel>
      <ContactUS></ContactUS>
      <GoodsPanel></GoodsPanel>
    </div>

  </div>
</template>

<style lang="scss" scoped>
.home{
  background-color: $lt-main-bg-color;
}
</style>